<template>
  <a-form-model :model="searchinfo" layout="inline">
    <a-form-model-item label="用户名">
      <a-input v-model="searchinfo.name" placeholder="用户名" />
    </a-form-model-item>
    <a-form-model-item label="手机号码">
      <a-input v-model="searchinfo.phonenum" placeholder="手机号码" />
    </a-form-model-item>
    <a-form-model-item label="状态">
      <a-dropdown :trigger="['click']">
        <a class="ant-dropdown-link" @click="e => e.preventDefault()">
          <a-input v-model="searchinfo.status" placeholder='当前状态'/>
        </a>
        <a-menu slot="overlay">
          <a-menu-item key="0">正常</a-menu-item>
          <a-menu-item key="1">停用</a-menu-item>
        </a-menu>
      </a-dropdown>
    </a-form-model-item>
    <a-form-model-item class="time" label="创建时间">
      <a-input v-model="searchinfo.from" placeholder="起始时间" />
    </a-form-model-item>
    <a-form-model-item class="time">
      <a-input v-model="searchinfo.end" placeholder="结束时间" />
    </a-form-model-item>
    <a-form-model-item>
      <a-button type="primary" icon="search">搜索</a-button>
    </a-form-model-item>
    <a-form-model-item>
      <a-button type="default" icon="reload">重置</a-button>
    </a-form-model-item>
  </a-form-model>
</template>

<script>
export default {
  data () {
    return {
      searchinfo: {}
    }
  }
}
</script>

<style lang='scss' scoped>
.a_z_search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
</style>
